<!--
 * @Description:
 * @version:
 * @Author: 娃哈哈
 * @Date: 2024-12-18 21:09:43
 * @desc: 弹窗详情组件
-->
<template>
    <div class="popup-info">
        <div class="info-box">
            <sectionTitle title="组织引领力评价" />
            <radarChart style="height: calc(100% - 40px)" :chartOptions="chartOptions" />
        </div>
        <div class="info-box">
            <sectionTitle title="业务服务能力评价" />
            <radarChart style="height:calc(100% - 40px)" :chartOptions="chartOptions" />
        </div>
    </div>
</template>

<script setup lang="ts">
import sectionTitle from './sectionTitle.vue';
import radarChart from './radarChart.vue'
import { ref } from 'vue'
const chartOptions = ref({
    grid: {
        top: '15%',
        left: 5,
        right: 0,
        bottom: '15%',
        containLabel: true,
    },
    radar: {
        radius: 55
    }
})
</script>

<style scoped lang="less">
.popup-info{
    height: 100%;
    .info-box{
        position: relative;
        height: 50%;
    }
}
</style>